import React from 'react';
import { Modal, Button } from 'antd';
import { Row, Input } from 'antd';
import './login.css'
// import {onTrials} from '../../redux/login/login'
import { connect } from 'react-redux'
import {withRouter } from 'react-router-dom'
@connect(
    state => state,
    {  }
)
export default class Ontrial extends React.Component {
    constructor(){
        super();
       
    }
    handleOk(){
    }
    OntrialBtn(){
        let phoneNum = document.getElementById('phoneNum').value
        let account = document.getElementById('account').value
        // this.props.onTrials(phoneNum,account);
    }
    render() {
        return (
        <div className = ''>
            <Modal
            title=""
            wrapClassName="ontrialList"
            visible={this.props.visible}
            footer={null}
            closable={false}
            onOk={this.handleOk}
            bodyStyle={{display:'none'}}
            onCancel={()=> this.props.showModel()}
            >
          
            </Modal>
            <div className='ontrial' style={{display: this.props.visible ? 'block' : 'none'}}>
                <div style={{color:'#fff',marginBottom:'10px',textAlign:'center'}}>3秒提交，5分钟内1对1服务</div>
                <Input id="phoneNum" className='iPhones' style={{height:'40px'}} placeholder="账号/手机号" />
                <Input id="account" className='password' style={{height:'40px'}} placeholder="尊称" />
                <Button className='btnPrimary' style={{height:'40px'}} onClick={this.OntrialBtn.bind(this)} type="primary" block>立即登录</Button>
                <div style={{color:'#fff',marginTop:'10px',textAlign:'center',fontSize:"12px"}}>不想试了</div>
            </div>
        </div>
        );
    }
}